<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>菜单管理</title>
    <link href="/plugins/layui/css/layui.css" rel="stylesheet" type="text/css"/>

</head>
<body>
<!-- 头部查询区域 -->
<div style="margin: 10px 0 0 10px">
    <form class="layui-form layui-col-space5">
        用户名：
        <div class="layui-inline">
            <input id="searchUsername" type="text" name="name" class="layui-input"/>
        </div>
        <input type="button" id="searchBtn" class="layui-btn" lay-submit lay-filter="searchBtn" value="查询"/>
        <input type="button" id="addBtn" class="layui-btn" value="新增"/>
    </form>

</div>

<!-- 显示数据列表区域 -->
<div>
    <table id="userTable" lay-filter="userTable"></table>
</div>


<!-- 表格操作工具条模版 -->
<script id="operateTemplate" type="text/html">
    <input type="button" value="编辑" lay-event="edit" class="layui-btn layui-btn-xs"/>
    <input type="button" value="删除" lay-event="del" class="layui-btn layui-btn-xs layui-btn-danger"/>
</script>

<!-- 新增/编辑用户弹窗中的html模版  -->
<script id="userFormTemplate" type="text/html">
    <form class="layui-form" action="" style="padding: 20px" id="userForm" lay-filter="userForm">
        <input type="hidden" name="id">
        <div class="layui-form-item">
            <label class="layui-form-label">名称</label>
            <div class="layui-input-inline">
                <input type="text" name="name" id="name" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">URL</label>
            <div class="layui-input-inline">
                <input type="text" name="url" id="url" autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">父菜单</label>
            <div class="layui-input-inline">
                <select id="parentId" name="parentId" lay-verify="" lay-search="">

                </select>
            </div>
        </div>


        <div class="layui-form-item">
            <label class="layui-form-label"></label>
            <div class="layui-input-inline">
                <input id="saveBtn" type="button" value="保存" class="layui-btn">
            </div>
        </div>
    </form>
</script>
<!-- 用户绑定角色模版 -->
<script id="userRoleTemplate" type="text/html">
    <form class="layui-form" lay-filter="userRoleForm">
        <div class="layui-form-item">

        </div>
    </form>
</script>


<script type="text/javascript" src="/plugins/layui/layui.js"></script>
<script type="text/javascript" src="/js/menu.js"></script>

<script>

</script>
</body>
</html>